<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 <link rel="stylesheet" href="../static/css/back/font.css">
 <link rel="stylesheet" href="../static/css/back/role.css">
    <link rel="stylesheet" href="../static/css/back/xadmin.css">
    <script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
    
    <script type="text/javascript" src="../static/js/back/xadmin.js"></script>
     <script type="text/javascript" src="../static/js/back/admin-rule.js"></script>
   
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-body">
        <form action="" method="post" class="layui-form" lay-filter="formAdd" onsubmit="javascript:return false;">
        		<input type="hidden" name="id" value="" id="paramKey" />
                <div class="layui-form-item">
                    <label for="name" class="layui-form-label">
                        <span class="x-red">*</span>标题
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="name" name="title" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
			
			<div class="layui-form-item">
			      <label class="layui-form-label">上级菜单</label>
			      <div class="layui-input-inline">
			        <select class="pIdsel" name="pId" lay-verify="" lay-search="">
			          <option value="">无</option>
			        </select>
			      </div>
		   </div>
		   <div class="layui-form-item">
				<label class="layui-form-label">icon</label>
				<div class="layui-input-inline">
					<input type="tel" name="icon" lay-verify=""
						autocomplete="off" class="layui-input">
				</div>
			</div>
		   <div class="layui-form-item">
				<label class="layui-form-label">请求路径</label>
				<div class="layui-input-inline">
					<input type="tel" name="url" lay-verify=""
						autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label"></label>
				<div class="layui-form-mid layui-word-aux">
					如果有多级目录,请用"~" 隔开
				</div>
			</div>
		   <div class="layui-form-item">
				<label class="layui-form-label">排序</label>
				<div class="layui-input-inline">
					<input type="number" name="sort" lay-verify=""
						autocomplete="off" class="layui-input">
				</div>
			</div>
			 <div class="layui-form-item">
			    <label class="layui-form-label">是否显示</label>
			    <div class="layui-input-block">
			      <input type="checkbox" checked="" name="isShow" lay-skin="switch" lay-filter="switchShow" lay-text="是|否">
			    </div>
			  </div>
		   
		   
			<div class="layui-form-item add_bot_btn">
               		 <button class="layui-btn" lay-submit="" lay-filter="add">确定</button>
               		 <button class="layui-btn" onclick="x_admin_close()">取消</button>
              	</div>
            </form>
    </div>
    <script type="text/javascript">
    	
    
    
    </script>
    <script>
    _showData = null;
     form;
        layui.use(['form','layer'], function(){
            $ = layui.jquery,
         form = layui.form
          ,layer = layui.layer;
        
         console.log(form);
          //监听提交
          form.on('submit(add)', function(data){
        	  
        	  if(data.field.isShow == "on") {
                  data.field.isShow = "1";
              } else {
                  data.field.isShow = "0";
              }
            console.log(data.field);
            updateRule(data.field);
            return false;
          });
          console.log(_showData);
          var t1=window.setInterval(showData, 200);
          var ti_show_dd = 0;
			function showData(){
				ti_show_dd++;
		    	console.log(_showData);
				if (_showData) {
				    window.clearInterval(t1); 
					form.val("formAdd", _showData);
					form.render(); 
				}
				if(ti_show_dd>=40){
					window.clearInterval(t1); 
				}
			}
        });
    </script>

  </body>

</html>